<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试结果报告</title>
<style>
* {
	font-family: "微软雅黑";
	margin: 0px auto;
}

.container {
	width: 1024px;
}

.header {
	padding: 30px;
}

.header, .footer {
	text-align: center;
}

.header>.titler {
	font-size: 2em;
}

.upper, .lower {
	border-radius: 15px;
	padding: 20px;
	background-color: #eee;
	margin-bottom: 50px;
}

.upper table {
	width: 85%;
}

.upper table td {
	width: 45%;
	font-size: 1.1em;
}

.success {
	color: green;
}

.failure {
	color: red;
}
.lower {
	min-height: 200px;
}
.inner-box{
	width:100%;
	text-align:center;
}
.inner-box th{
	font-size:14px;
}
.inner-box td{
	font-size:14px;
}
.message{
	max-width:200px;
}

.keyword {
	color: red;
}
</style>
</head>
<body>
	<div class="container">
		<div class="header">
			<span class="titler center-element">项目dsp测试报告</span>
		</div>
		<div class="mainer">
			<div class="upper">
				<table>
					<tbody>
						<tr>
							<td>测试项目</td>
							<td>dsp</td>
						</tr>
						<tr>
							<td>测试结果</td>
							<td>未通过</td>
						</tr>
						<tr>
							<td>成功数</td>
							<td class="success">0</td>
						</tr>
						<tr>
							<td>失败数</td>
							<td class="failure">1</td>
						</tr>
						<tr>
							<td>未测试数</td>
							<td>6</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="lower">
				<table class="inner-box">
					<thead>
						<tr>
							<th>用例组</th>
							<th>用例</th>
							<th>状态</th>
							<th class="message">信息</th>
							<th>执行时间</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>suite1</td>
							<td>siteTudou</td>
							<td>失败</td>
							<td class="message">assertTrue(status==200)执行失败</td>
							<td>2015-12-23 11:32:33</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<div class="footer">
			<span class="author">dev by jonathan loda</span>
		</div>
	</div>
</body>
</html>